.mod {
  width: 45.6vw;
  height: 67.33vw;
}
.wrapper {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  background-color: #ffffff;
}
.layer {
  position: relative;
  margin-top: 0.13vw;
  width: 45.6vw;
  height: 42.93vw;
}
.body {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  margin-top: -0.13vw;
  background-size: contain;
  background-image: url(https://ai-sample.oss-cn-hangzhou.aliyuncs.com/test/518ff8e0ca0111ebbd1b63ef1062c8ed.png);
  width: 45.6vw;
  height: 14.53vw;
  line-height: 5.87vw;
  white-space: nowrap;
}
.title {
  position: relative;
  margin-top: 2.53vw;
  margin-left: 2.4vw;
  max-width: 40.8vw;
  height: 5.87vw;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333333;
  font-size: 4vw;
  font-weight: 400;
}
.caption {
  position: relative;
  margin-left: 2.4vw;
  max-width: 40.8vw;
  height: 5.87vw;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333333;
  font-size: 4vw;
  font-weight: 400;
}
.tag {
  position: absolute;
  top: 41.47vw;
  left: 3.73vw;
  line-height: 3.2vw;
  white-space: nowrap;
  color: #ffffff;
  font-size: 2.67vw;
  font-weight: 400;
}
.footer {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: row;
  margin-top: -0.27vw;
  width: 45.6vw;
  height: 10.13vw;
}
.action-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 45.6vw;
  height: 10.13vw;
  overflow: hidden;
}
.group {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
  margin-top: 3.07vw;
  margin-right: 5.87vw;
  margin-left: 2.27vw;
}
.icon-off {
  margin-right: 0.67vw;
  width: 4.27vw;
  height: 4vw;
}
.info {
  margin-top: -0.53vw;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 3.2vw;
  white-space: nowrap;
  color: #666666;
  font-size: 3.2vw;
  font-weight: 300;
}
.group-1 {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
  margin-top: 3.33vw;
}
.view {
  display: flex;
  position: relative;
  align-items: center;
  flex-direction: row;
}
.icon {
  margin-top: 0.4vw;
  margin-right: 0.67vw;
  width: 2.93vw;
  height: 2.93vw;
}
.num {
  margin-top: -0.4vw;
  line-height: 2.93vw;
  white-space: nowrap;
  color: #999999;
  font-size: 2.93vw;
  font-weight: 400;
}
.view-1 {
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: row;
  margin-top: -0.13vw;
  margin-left: 3.6vw;
  line-height: 3.47vw;
  white-space: nowrap;
}
.num-1 {
  color: #999999;
  font-size: 2.93vw;
  font-weight: 400;
}
